@charset "utf-8";
/* CSS Document */
button { cursor: pointer; border: none; vertical-align: middle; margin: 0; padding: 0; }
.button { width: 100px; height: 30px; border: 0; overflow: hidden; vertical-align: middle; background-image: url(../images/card-top-inf-bg.png); cursor: pointer; font-size: 15px; font-weight: bold; border:1px solid rgb(221, 221, 221); color: #4F98D4; }
.rpttxt { border:1px solid rgb(221, 221, 221); width:250px; }
.input { width: 250px; height: 23px; line-height: 23px; border: 1px solid #DDD; padding: 0 2px; }
.card_editor_key { background: #EFF8FF; WIDTH: 960px; }
.card_editor_key .left { float:left; width:569px; /*height:580px;*/
	padding:0 }
.card_editor_key .left p.sm { color:#666; margin:0 40px; }
.card_editor_key .left .tab_ctn_search { height:30px; background:url(../images/mpbg0205.png) repeat-x 0 -1px; border-bottom:1px solid #D4E8F7 }
.card_editor_key .right { float:right; /** height:580px; **/
	width:388px; _overflow:hidden; border-left:1px solid #CEE8FD }
.tab_ctn_search .Tel_name { float:left; display:inline-block; line-height:30px; height:30px; font-weight:400; color:#4F98D4; padding:0 20px 0 12px; overflow:hidden; width:150px; overflow:hidden }
.tab_ctn_search .Select_Corner { float: left; margin-right: 48px; color: #4F98D4; display: inline; margin-left: 20px; padding: 5px 0 0; }
.card_tpl_Show { width:569px; margin-bottom:10px; }
.card_tpl_Show .a_load_prev { float:left; width:34px; height:400px }
.card_tpl_Show .a_load_prev a { display:block; width:34px; height:80px; background:url(../images/arrow-lf.png) no-repeat 10px -171px; margin:218px 0 0 }
.card_tpl_Show .a_load_prev a:hover { background-position:11px 24px }
.card_tpl_Show .a_load_next { float:right; width:34px; height:400px }
.card_tpl_Show .a_load_next a { display:block; width:34px; height:80px; background:url(../images/arrow-lf.png) no-repeat -242px -171px; margin:218px 0 0 }
.card_tpl_Show .a_load_next a:hover { background-position:-242px 23px }
.card_tpl_Show #card_ctn li img { position:absolute; z-index:88; display:block }
.card_tpl_Show li { cursor:pointer; position:relative; border:1px dotted #EFF8FF; padding:2px }
.card_tpl_Show li.c { border:1px dotted #FF9702 }
.card_tpl_Show li img { vertical-align:top }
.card_tpl_Show li.round .lt, .card_tpl_Show li.round .rt, .card_tpl_Show li.round .lb, .card_tpl_Show li.round .rb { display:block; font-size:0; width:12px; height:12px; position:absolute; background:url(../images/card-round.png) no-repeat; z-index:100 }
.card_tpl_Show li.round .lt { left:1px; top:1px; background:url(../images/card-round_01.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/card-round_01.png", sizingMethod="crop")
}
.card_tpl_Show li.round .rt { right:1px; top:1px; background:url(../images/card-round_03.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/card-round_03.png", sizingMethod="crop")
}
.card_tpl_Show li.round .lb { left:1px; bottom:0; background:url(../images/card-round_06.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/card-round_06.png", sizingMethod="crop")
}
.card_tpl_Show li.round .rb { right:1px; bottom:0; background:url(../images/card-round_07.png) no-repeat; _background:none;  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/card-round_07.png", sizingMethod="crop");
}
.card_tpl_Show .vertical { padding-top:50px; padding-left:0px; padding-right:0px; float: left; }
.card_tpl_Show .vertical #FaceImg, .card_tpl_Show .vertical #BackImg { width:240px; height:400px; }
.card_tpl_Show .vertical li { float:left; width:240px; height:400px; overflow:hidden }
.card_tpl_Show #card_ctn li img#BackImg, .card_tpl_Show #card_ctn li img#FaceImg, .card_tpl_Show #card_ctn li img#BackImg2, .card_tpl_Show #card_ctn li img#FaceImg2 { left: 2px; top: 2px; }
.card_tpl_Show .vertical #card_front { margin-right:5px }
.card_tpl_Show .vertical li .tm { width:248px; height:408px; position:absolute; display:block; left:-2px; top:-2px; z-index:100; background-color:#fff; -moz-opacity:0.01; opacity:0.01!important; filter:alpha(opacity=0.1) }
.card_tpl_Show .horizontal { float: left; padding:12px 0 0 45px }
.card_tpl_Show .horizontal #FaceImg, .card_tpl_Show .horizontal #BackImg { width:400px; height:240px; }
.card_tpl_Show .horizontal li { width:400px; height:240px; overflow:hidden }
.card_tpl_Show .horizontal #card_front { margin:0 0 10px }
.card_tpl_Show .horizontal li .tm { width:408px; height:248px; position:absolute; display:block; left:-2px; top:-2px; z-index:100; background-color:#fff; -moz-opacity:0.01; opacity:0.01!important; filter:alpha(opacity=0.1) }
.horizontal .dchushuix { display:block; width:380px; height:220px; position:absolute; z-index:100; left:12px; top:12px; background:url(../images/dchuxuexian001.png) no-repeat; z-index:90;}
.vertical .dchushuix { display:block;width:220px; height:380px; position:absolute; z-index:100; left:12px; top:12px; background:url(../images/dchuxuexian002.png) no-repeat;  z-index:90;}
.card_editor_key .right .tab_ctn_nav { border:1px solid #FFF; background:#C9E8FF; height:38px; padding:5px 0 0 }
.card_editor_key .right .tab_ctn_nav ul { position:relative; height:38px; z-index:1; float:left; width:245px }
.card_editor_key .right .tab_ctn_nav ul li { position:absolute; width:102px; text-align:center; font-size:14px; cursor:pointer; color:#4F98D4; font-weight:700; height:32px; line-height:32px; background:url(../images/pn-nav-button.png) no-repeat -1px -36px }
.card_editor_key .right .tab_ctn_nav ul li.bg_hover { background-position:-1px 0; color:#f60; top:7px; height:34px }
.card_editor_key .right .tab_ctn_nav ul li.front { left:15px; top:7px }
.card_editor_key .right .tab_ctn_nav ul li.back { left:122px; top:7px }
#EditorYouIfo { /* height: 420px; */
	position: relative; border: 2px solid #F60; background: white; width: 384px; padding: 12px 0 0; }
#EditorYouIfo .form { /* height:418px; */
	margin-bottom: 20px; overflow:auto; }
#EditorYouIfo .form li { width:350px; padding:5px 0 5px 15px }
#EditorYouIfo .form li table span { padding:0 0 0 0; margin:0 0 0 0; float:left; }
#EditorYouIfo .form li table span.txt { width:30px; text-align:right; line-height:25px; float:left; }
#EditorYouIfo .form li table span.color { width:40px; height:20px; text-align:left; }
#EditorYouIfo li input { width:300px; height:23px; line-height:23px; border:1px solid #DDD; padding:0 2px }
#EditorYouIfo .card_logo .logo_img { float:left; }
#EditorYouIfo .card_logo { border-bottom:4px solid #DEEFFF; width:350px; padding:6px 0 10px 25px }
#EditorYouIfo .card_logo .logo_img a { display:inline-block; width:50px; height:50px; position:relative; overflow:hidden; border:1px solid #CEE8FD; background:#fff; padding:3px }
#EditorYouIfo .card_logo .logo_Setup { float:left; padding:0 0 0 8px }
#EditorYouIfo .card_logo .logo_Setup .uplogo { height:27px; position:relative; width:275px }
#EditorYouIfo .card_logo .logo_Setup .uplogo a { display:inline-block; width:84px; vertical-align:middle; height:27px; line-height:27px; background:url(/images/css-sprite-buttonn.png) no-repeat -1px -70px; color:#5091C9; text-align:center; margin:0 3px 0 0 }
#EditorYouIfo .card_logo .logo_Setup .uplogo a.as_logo { width:auto; height:auto; margin-right:0; background:none; text-decoration:underline }
#EditorYouIfo .card_logo .logo_Setup .uplogo a.del_logo { width:auto; height:auto; margin-right:0; background:none; position:absolute; left:208px; top:30px }
#EditorYouIfo .card_logo .logo_Setup .Adjustment { padding:10px 0 0 }
.Adjustment dl { float:left; }
.Adjustment dl input { width:30px; height:15px; line-height:13px; border:1px solid #DDD; padding:0 2px; ime-mode:disabled }
.math_mark_add { width: 18px; height: 18px; line-height: 18px; background-image: url(../images/math-mark.png); background-repeat: no-repeat; background-position: -6px -6px; cursor:pointer; overflow:hidden; }
.math_mark_sub { width: 18px; height: 18px; line-height: 18px; background-image: url(../images/math-mark.png); background-repeat: no-repeat; background-position: -6px -24px; cursor:pointer; overflow:hidden; }
.cardkeyOperat { }
.operat_top { height:80px; border:1px solid #fff; background:#C4E6FF url(../images/cardbg0323.png) repeat-x left bottom; padding:20px 0 0 3px }
.operat_top button { width:80px; height:35px; float:left; background:url(../images/key_card_go.png) no-repeat; margin:0 0 0 4px }
#print_card { background-position:0 -104px; width:91px; margin-left:33px }
.industryList { padding:8px 0 0 32px }
.industryList ul li { float:left; line-height:25px; height:25px; overflow:hidden; width:100px; padding:0 }
.industryList ul li a.yellow { font-weight:700; color:#f60 }
.Card_Template .Template_search { border:1px solid #E7E7E7; border-left:none; border-right:none }
.Template_search .Template_search_bg { border:1px solid #FFF; border-left:none; border-right:none; background:#F5F5F5; padding:6px 12px; height:26px; }
.Template_search .Sort_S { width:300px; float: left; margin-top: 5px; }
.Template_search .Sort_S a { color:#5091C9; padding:0 6px }
.Template_search .Sort_S a.yellow { color:#f60; font-weight:700 }
.Template_search .Type_s { float:right }
.Card_Template_list .tem_list { float:left; width:960px }
.Card_Template_list .tem_list li { width:208px; height:158px; display:inline; overflow:hidden; float:left; margin:12px 0 0 25px }
.Card_Template_list .tem_list li p { line-height:30px; height:30px; overflow:hidden; width:208px; text-align:center }
.Card_Template_list .tem_list li div a { border:3px solid #E2E2E2; display:block; text-align:center; padding:1px }
.PublicPageNav { height:50px; margin-top:20px; text-align:center }
.yellow { color: #F60; }
#cardprint .card_tpl_Show .vertical { _margin:60px 0 0 4px; background:#EFF8FF; border-radius:5px 5px 5px 5px; margin:60px 0 0 9px; padding:18px; height:453px; }
#cardprint .card_tpl_Show .horizontal { background:#EFF8FF; border-radius:5px 5px 5px 5px; width:407px; height:545px; position:relative; margin:30px 0 0 60px; _margin:30px 0 0 30px; padding:22px 20px; }
#cardprint .card_tpl_Show li { border:1px dotted #EFF8FF; cursor:default; }
#cardprint .horizontal li img { width:400px; height:240px }
#cardprint .vertical li img { width:240px; height:400px }
.horizontal .chushuixian { display:block; width:427px; height:510px; background:url(/images/chuxuexian001.png); position:absolute; left:20px; top:18px; z-index:100; }
.vertical .chushuixian { display:block; width:518px; height:410px; background:url(/images/chuxuexian002.png); position:absolute; left:15px; top:14px; z-index:100; }
.horizontal .ico2012522 { display:block; border:1px solid #5FBFFF; background:#E6F5FF; position:absolute; width:351px; left:28px; bottom:20px; z-index:5000; padding:3px 12px 3px 26px; color:#666; background:#E6F5FF; }
.vertical .ico2012522 { display:block; z-index:100; border:1px solid #5FBFFF; background:#E6F5FF; position:absolute; left:70px; bottom:15px; width:351px; padding:3px 12px 3px 26px; color:#666; background:#E6F5FF; }
.prin_zmian { position:relative; z-index:100!important }
.Printing_choose {/*height:510px;*/ padding:10px 6px 0 }
.Printing_choose .buyExplain { padding:0 0 0 10px }
.Printing_choose .buyExplain li { line-height:35px }
.Printing_choose .buyExplain li.price_soso { height:37px; line-height:37px }
.Printing_choose .buyExplain li.price_soso .price { font-size:24px }
.Printing_choose .buyExplain li.price_soso span { font-size:16px }
.Printing_choose .buyExplain li.Manner strong { padding:0 15px 0 0 }
.Printing_choose .buyExplain li.Manner span { padding:0 15px 0 0 }
.Printing_choose .buyExplain li.peopleSerice { _margin-bottom:5px }
.Printing_choose .buyExplain li.ajustment { margin-bottom:10px; display:none }
.Printing_choose .buyExplain li textarea { width:300px; height:60px; overflow:hidden; vertical-align:middle; color:#999 }
.Printing_choose .card_select { width:375px; height:auto; padding-bottom:20px; overflow:hidden }
.Printing_choose .card_select ul li span { margin-right:4px; vertical-align:middle }
.card_select li label { width:100px; text-align:right; display:inline-block }
.card_select ul li .paperdifference { color:#f60; text-decoration:underline; }
.card_select ul li strong.tips { font-weight:normal; margin-left:5px; }
.card_select { width:610px; border:1px solid #efcd86; padding-bottom:20px; background:#fffceb; margin:0 auto }
.card_select ul { border-bottom:1px dashed #efcd86 }
.card_select p { margin-left:0; padding:10px 0 15px 20px }
.card_select ul li { list-style:none; line-height:24px; margin:10px 0 0 10px }
.card_select ul li.Select_vr { margin-left:110px }
.card_select ul li.price_soso_up span { border:none; background:none }
.card_select ul li.price_soso_up .price { font-size:22px; font-weight:700 }
.card_select ul li.Select_vr span { font-size:12px; color:#000 }
.card_select ul li span.word { padding-left:30px }
.card_select ul li input.show { border:2px solid #ff6701; background:url(/images/1_03.png) no-repeat right bottom }
.card_select ul li input { border:2px solid #ccc; background:#fff; margin-right:10px; cursor:pointer; padding:0 }
.card_select ul li.select_box { }
.card_select ul li.ico { padding:3px 0 5px 100px; margin-top:0; color:#999; }
.card_select input.btn1, .card_select input.btn2 { width:127px; height:35px; cursor:pointer }
.card_select input.btn1 { background:#FB8534 url(/images/buy.png) no-repeat; border:none; margin:0 30px 0 20px; width:124px; }
.card_select input.btn2 { background:#6FC0FF url(/images/joinshopingcar.png) no-repeat; border:none }
.card_select p span { font-size:12px; color:red; font-weight:700; margin-right:10px }
.card_select ul li span.show { border:2px solid #ff6701; background: #fff url(/images/rightpic0505.png) no-repeat right bottom }
.card_select ul li span { border:1px solid #ccc; background:#fff; margin-right:10px; cursor:pointer; line-height:10px; display:inline-block; padding:5px; margin-bottom:5px; }
.card_select ul li span .num { border:none; margin:0; padding:0 }
#logoPicker { width: 390px; overflow:hidden; }
#logoPicker p ul { padding: 5px; font-size: 12px; }
#logoPicker p { margin-left:15px; }
#logoPicker ul { list-style: none; }
#logoPicker ul li { float: left; display: inline; position: relative; margin: 8px; }
.focus_tb { border: 1px solid #CEE8FD; }
.d_tr span dl { margin-top:3px; float:left; }
.d_tr .h30 { height:30px; }
.d_tr .f_style { height:20px; width:20px; float:left; margin-top:2px; margin-right:1px;border: 1px solid #848684; background-image:url(/images/f_style.png); background-repeat: no-repeat; cursor:pointer; }
.d_tr .f_style_on { border-color: #FF6100; }
.d_tr .bold { background-position:-6px -7px; }
.d_tr .italic { background-position: -38px -7px; }
.d_tr .underline { background-position: -70px -7px; }
.ico{
display: block;
display: none;
margin: 0px auto 0;
border: 1px solid #5FBFFF;
background: #E6F5FF;
width: 361px;
z-index: 5000;
padding: 3px 12px 3px 26px;
color: #666;
background: #E6F5FF url(/images/info.jpg) no-repeat 5px 2px;
}
.qq { width: 80px; height: 30px; display: inline-block; background: url(/images/printqq_12.jpg) no-repeat; vertical-align: middle; }